.breadcrumb {
	display: flex;
	padding: 1rem 1.5rem;
	font-size: var(--text-lg);
	user-select: none;

	.slash {
		padding: 0 0.5rem;
		cursor: default;
	}

	.item {
		color: var(--color-text-2);

		&:hover {
			color: var(--color-5);
		}
	}

	.disabled {
		color: var(--color-text-2) !important;
		cursor: default;
		pointer-events: none !important;
	}

	.active {
		color: var(--color-6);
		cursor: default;
		pointer-events: none;
	}
}
